<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"
    />
    <link
      rel="stylesheet"
      href="../bootstrap-3.4.1-dist/css/bootstrap.min.css"
    />
    <link rel="stylesheet" href="./index.css" />
  </head>
  <style>
    .nav-c4{
      width: 100%;
      height: 400px;
      background: #2b3b4a;
      padding-top: 20px;
    }
    .nav-c4 .p1{
      text-align: center;
      font-size: 20px;
      color: white;
    }
    .nav-c4 div{
      width: 80%;
      margin: auto;
    }
    .header {
    width: 88%;
    display: flex;
    margin-left: 20px;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    margin: 20px 0 10px 0;
}

  </style>
  <body>
    <header>
      <div class="general">
        <i class="glyphicon glyphicon-th-list i1"></i>
        <i class="glyphicon glyphicon-search i2"></i>
      </div>
      <div class="take">
        <img
          src="./img/d087152ce0fa6705006c554cc5d4826.jpg"
          alt=""
          class="img1"
        />
      </div>
      <div class="right">
        <i class="glyphicon glyphicon-user i3"></i>
        <i class="glyphicon glyphicon-asterisk i4"></i>
        <i class="glyphicon glyphicon-shopping-cart i5"></i>
      </div>
    </header>
    <nav>
      <div class="i">
        <i class="glyphicon glyphicon-chevron-left i6"></i>
        <i class="glyphicon glyphicon-chevron-right i7"></i>
      </div>
      <div class="nav-eng">
          <p class="p1">GLASTONBURRY</p>
          <p class="p2">BIKE PAPK</p>
          <p class="p3">LODEN IPSIM DDL SIT COMSECTET APPLICATION</p>
          <p class="p4">
            <img src="../public/images/02-home-v2-1200-恢复的_03.jpg" alt="" class="img2">
          </p>
          <button class="btn1">BOOK NOW</button>
      </div>
    </nav>
    <div class="nav-sec">
        <div class="header">
            <h3 class="h3">ANK BIKES YOUR HEART DESIRES</h3>
            <button class="btn2">MORE BIKES</button>
        </div>
        <img src="./images/02-home-v2-1200-恢复的_10.jpg" alt="" class="img3">
    </div>
    <!-- <section>
        <div class="nav-eng">
            <p class="p1">TAKE A MAXIMUM OF RIOING WITH OUR SERVICE</p>
            <img src="./images/02-home-v2-1200-恢复的_14.jpg" alt="" class="img4">
        </div>
    </section> -->
    <div class="nav-c4">
      <p class="p1">TAKE A MAXIMUM OF RIOING WITH OUR SERVICE</p>
      <div>
        <img src="./images/02-home-v2-1200-恢复的_14.jpg" alt="" class="img4">
      </div>
    </div>
    <div class="nav-sec">
        <div class="header">
            <h3 class="h4">GET THE  LATEST NEWS</h3>
            <i class="glyphicon glyphicon-chevron-left i8"></i>
            <i class="glyphicon glyphicon-chevron-right i9"></i>
        </div>
        <img src="./images/02-home-v2-1200-恢复的_18.jpg" alt="" class="img3">
        </div>
    </div>
    <nav class="ls">
        <div class="nav-eng">
            <p class="p1">GLASTONBURRY</p>
            <p class="p2">BIKE PAPK</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p4">
              <img src="../public/images/02-home-v2-1200-恢复的_03.jpg" alt="" class="img2">
            </p>
            <button class="btn1">BOOK NOW</button>
        </div>
        <div class="mobile">
            <img src="../public/images/02-home-v2-1200-恢复的_21.jpg" alt="" class="img6">
        </div>
      </nav>
      <div class="throne">
          <img src="./images/02-home-v2-1200-恢复的_23.jpg" alt="" class="img11">
          <img src="./images/02-home-v2-1200-恢复的_25.jpg" alt="" class="img12">
          <img src="./images/02-home-v2-1200-恢复的_28.jpg" alt="" class="img13">
      </div>
      <div class="nav-sec">
        <div class="header">
            <h3 class="h4">GET THE  LATEST NEWS</h3>
        </div>
        <img src="./images/02-home-v2-1200-恢复的_35.jpg" alt="" class="img3">
        </div>
    </div>
    <div class="serve">
        <div class="one">
            <img src="./img/4de7e77f6464e043a469dcedbe1087d.png" class="img22" alt="">
            <p>823</p>
            <p>KILOMETERS</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
        </div>
        <div class="one">
            <img src="./img/801c5609f2c99a7a678fe37950e464e.png" class="img23" alt="">
            <p>67</p>
            <p>KILOMETERS</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
        </div>
        <div class="one">
            <img src="./img/0573de1fae2c116910ab8ba941951f7.png" class="img24" alt="">
            <p>18</p>
            <p>KILOMETERS</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
        </div>
        <div class="one">
            <img src="./img/3219a4d1953003716f46901cb0aabcf.jpg" class="img25" alt="">
            <p>2309</p>
            <p>KILOMETERS</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
            <p class="p3">LODEN IPSIM DDL SIT COMSECTET</p>
        </div>
    </div>
    <div class="footer">
        <img src="./images/02-home-v2-1200-恢复的_38.jpg" alt="" class="img26">
    </div>
  </body>
  <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</html>
